import { PropsWithChildren, ReactNode } from "react"


export interface AuthBoxProps {
  title: ReactNode,
  header?: ReactNode,
}
const AuthBox = ({
  title,
  children,
  header,
}: PropsWithChildren<AuthBoxProps>) => {

  return (
    <div className="py-10 bg-white">
      {header}
      <div
        className="flex justify-center items-center flex-1 clear-start"
      >
        <div
          className="border min-w-96"
        >
          <div className="text-center mb-5">
            {title}
          </div>
          <div className="flex justify-center flex-col flex-wrap px-10 pb-5">
            {children}
          </div>
        </div>
      </div>
    </div>
  )
}
export default AuthBox